
<div id="contenedor" class="container">  
    <div class="row">  
        <div class="span12"> 
            <div class="row-fluid">
                <ul class="span12 breadcrumb">
                    <li>Habitaciones</li>
                </ul>
            </div>
            <div class="row-fluid marco">
                <div id="panelIzq" class="span6">
                    <div class="row-fluid titulo">
                        <div class="span12">
                            Privadas <a href="#" class="ayuda" data-toggle="tooltip" title="Informacíon comercial acerca del establecimiento"><i class="icon-question-sign"></i></a> <a  href="#modalAgregarCategoria" id="nuevaCategoriaPrivada" class="btn btn-mini btn-primary" data-toggle="modal">Agregar Categoría</a>
                        </div>
                    </div>
                    <div class="row-fluid contenido">
                        <?php foreach ($privadas as $privada): ?>
                            <div class="row-fluid">
                                <div class="span12 breadcrumb">
                                    <div class="row-fluid"> 
                                        <div class="span4 padding-1em"><?php echo $privada->nombre; ?>  <span class="badge badge-warning"><?php echo $privada->capacidad_estandar ?></span> <span class="badge badge-important"> <?php echo $privada->capacidad_adicional ?> </span> </div>
                                        <div class="span2">                              
                                            <a href="#modalEditarCategoria" class="btn btn-success btn-small mEditar" type="button" data-toggle="modal" data-capacidad_adicional="<?php echo $privada->capacidad_adicional ?>" data-capacidad_estandar="<?php echo $privada->capacidad_estandar ?>" data-nombre="<?php echo $privada->nombre ?>" data-id_categoria="<?php echo $privada->id_categoria ?>" data-descripcion="<?php echo $privada->descripcion ?>" > Editar</a>
                                        </div>   
                                        <div class="span2">  
                                            <form  action="habitaciones/eliminarCategoria" method="post">
                                                <input type="hidden" name="id_categoria" value="<?php echo $privada->id_categoria; ?>">
                                                <button id="eliminarCategoria_<?php echo $privada->id_categoria; ?>" class="btn btn-small btn-danger eliminarCategoria" type="submit"> Borrar </button>
                                            </form>     
                                        </div>
                                        <div class="span4">                             
                                            <a href="#modalAgregarNombres" class="btn btn-small btn-info mNuevaHabitacion" data-tipo="privada" data-id_categoria="<?php echo $privada->id_categoria ?>" type="button" data-toggle="modal" > Nueva Habitación </a>
                                        </div>
                                    </div> 

                                </div> 
                            </div>

                            <!-- listado de todas las habitaciones de una categoria -->
                            <div class="row-fluid">
                                <div class="span12">
                                    <?php
                                    $habitaciones = $this->habitacionesM->getHabitaciones($privada->id_categoria);
                                    foreach ($habitaciones as $habitacion):
                                        ?>
                                        <div class="row-fluid">
                                            <div class="span12">    


                                                <span class="span5 offset1"><?php echo $habitacion->nombre; ?></span>
                                                <div class="span6">
                                                    <form action="habitaciones/eliminarCuarto" method="post">
                                                        <input type="hidden" name="id_cuarto" value="<?php echo $habitacion->id_cuarto; ?>" />
                                                        <input type="submit" class="btn btn-small btn-danger eliminarCuarto"  value="X" />
                                                    </form>
                                                </div>
                                            </div>
                                        </div>   

                                    <?php endforeach; ?>
                                </div> 
                            </div>                            
                        <?php endforeach; ?>
                    </div>
                    <br>
                </div>
                <div class="span6">
                    <div class="row-fluid titulo">
                        <div class="span12 ">
                            Dormitorios Compartidos <a href="#" class="ayuda" data-toggle="tooltip" title="Informacíon comercial acerca del establecimiento"><i class="icon-question-sign"></i></a>  <a  href="#modalAgregarCategoria" id="nuevaCategoriaCompartida" class="btn btn-mini btn-primary" data-toggle="modal">Agregar Categoría</a>
                        </div>
                    </div>
                    <div class="row-fluid contenido">
                        <?php
                        foreach ($compartidas as $compartida):
                            // var_dump($compartida);
                            ?> 
                            <div class="row-fluid">
                                <div class="span12 breadcrumb">

                                    <div class="row-fluid">

                                        <div class="span4 padding-1em"><?php echo $compartida->nombre; ?>  <span class="badge badge-warning"><?php echo $compartida->capacidad_estandar ?></span> <span class="badge badge-important"> <?php echo $compartida->capacidad_adicional ?> </span> </div>

                                        <div class="span2">                             
                                            <a href="#modalEditarCategoria" class="btn btn-success btn-small mEditar" type="button" data-toggle="modal" data-capacidad_adicional="<?php echo $compartida->capacidad_adicional ?>" data-capacidad_estandar="<?php echo $compartida->capacidad_estandar ?>" data-nombre="<?php echo $compartida->nombre ?>" data-id_categoria="<?php echo $compartida->id_categoria ?>" data-descripcion="<?php echo $compartida->descripcion ?>" > Editar</a>
                                        </div>   
                                        <div class="span2">                             
                                            <form  action="habitaciones/eliminarCategoria" method="post">
                                                <input type="hidden" name="id_categoria" value="<?php echo $compartida->id_categoria; ?>">
                                                <button id="eliminarCategoria_<?php echo $compartida->id_categoria; ?>" class="btn btn-small btn-danger eliminarCategoria" type="submit"> Borrar </button>
                                            </form>  
                                        </div>
                                        <div class="span4">                             
                                            <a href="#modalAgregarNombres" class="btn btn-small btn-info mNuevaHabitacion" data-tipo="compartida" data-id_categoria="<?php echo $compartida->id_categoria ?>" type="button" data-toggle="modal" > Nueva Cama </a>
                                        </div>
                                    </div> 
                                </div> 
                                <!-- listado de todas las camas de una categoria -->
                                <div class="row-fluid">
                                    <div class="span12">
                                        <?php
                                        $habitaciones = $this->habitacionesM->getHabitaciones($compartida->id_categoria);
                                        foreach ($habitaciones as $habitacion):
                                            ?>
                                            <div class="row-fluid">
                                                <div class="span12">   
                                                    <div class="span5 offset1">
                                                        <span class="span4"><?php echo $habitacion->nombre; ?></span>
                                                    </div>
                                                    <div class="span6">
                                                        <form action="habitaciones/eliminarCuarto" method="post">
                                                            <input type="hidden" name="id_cuarto" value="<?php echo $habitacion->id_cuarto; ?>" />
                                                            <input type="submit" class="btn btn-small btn-danger eliminarCuarto"  value="X" />
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>    
                                        <?php endforeach; ?>
                                    </div> 
                                </div>
                            </div>
                        <?php endforeach; ?> 
                    </div>
                </div>
            </div>
        </div>  
    </div>
</div>  


<!-- Modal Agregar Nueva Categoria-->
<div id="modalAgregarCategoria" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter">Agregar Nueva Categoría</h4>

    </div>
    <div class="modal-body">
        <form action="habitaciones/nuevaCategoria" method="post">
            <div class="row-fluid">
                <div class="span12">
                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Nombre:</label>
                        </div>
                        <div class="span7">
                            <input type="text" name="nombre" required>
                        </div>
                    </div>

                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Capacidad Estandar:</label>
                        </div>
                        <div class="span7">
                            <input type="number" name="capacidad_estandar" required>
                        </div>
                    </div>

                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Capacidad adicional:</label>
                        </div>
                        <div class="span7">
                            <input type="number" name="capacidad_adicional" required>
                        </div>
                    </div>

                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Descripción:</label>
                        </div>
                        <div class="span7">
                            <input type="text" name="descripcion">
                        </div>
                    </div>

                    <input type="hidden" name="tipo" id="tipo">
                    <!--
                                        <div class="row-fluid ">
                                            <div class="row-fluid ">
                                                <div class="span12 breadcrumb">
                                                    Fotos
                                                </div> 
                    
                                            </div>
                                            <div class="marginL">
                                                <div class="row-fluid ">
                                                    <div class="span5 ">
                                                        <img src="http://placehold.it/140x140" class="img-polaroid">
                                                    </div> 
                                                    <div class="span5 offset1">
                                                        <img src="http://placehold.it/140x140" class="img-polaroid">
                                                    </div> 
                                                </div>
                                                <br>
                                                <div class="row-fluid ">
                                                    <div class="span5 ">
                                                        <img src="http://placehold.it/140x140" class="img-polaroid">
                                                    </div> 
                                                    <div class="span5 offset1">
                                                        <img src="http://placehold.it/140x140" class="img-polaroid">
                                                    </div> 
                                                </div>
                                                <br>
                                            </div>
                                        </div>-->
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-inverse">Agregar</button>
            </div>
        </form>
    </div>

</div>



<!-- Modal para editar categorías-->
<div id="modalEditarCategoria" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter">Editar Categoría</h4>

    </div>
    <div class="modal-body">
        <form action="habitaciones/editarCategoria" method="post">
            <div class="row-fluid">
                <div class="span12">
                    <input id="mEditarIdCategoria" type="hidden" name="id_categoria">
                    <input id="mEditarCapacidadEstandarH" type="hidden" name="estandar">
                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Nombre:</label>
                        </div>
                        <div class="span7">
                            <input id="mEditarCategoria" type="text" name="nombre" required>
                        </div>
                    </div>

                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Capacidad Estandar:</label>
                        </div>
                        <div class="span7">
                            <input id="mEditarCapacidadEstandar" type="number" name="capacidad_estandar" required>
                        </div>
                    </div>

                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Capacidad adicional:</label>
                        </div>
                        <div class="span7">
                            <input id="mEditarCapacidadAdicional" type="number" name="capacidad_adicional" required>
                        </div>
                    </div>

                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Descripción:</label>
                        </div>
                        <div class="span7">
                            <input id="mEditarDescripcion" type="text" name="descripcion">
                        </div>
                    </div>

                    <input type="hidden" name="tipo" id="tipo">

                    <!--                    <div class="row-fluid ">
                                            <div class="row-fluid ">
                                                <div class="span12 breadcrumb">
                                                    Fotos
                                                </div> 
                    
                                            </div>
                                            <div class="marginL">
                                                <div class="row-fluid ">
                                                    <div class="span5 ">
                                                        <img src="http://placehold.it/140x140" class="img-polaroid">
                                                    </div> 
                                                    <div class="span5 offset1">
                                                        <img src="http://placehold.it/140x140" class="img-polaroid">
                                                    </div> 
                                                </div>
                                                <br>
                                                <div class="row-fluid ">
                                                    <div class="span5 ">
                                                        <img src="http://placehold.it/140x140" class="img-polaroid">
                                                    </div> 
                                                    <div class="span5 offset1">
                                                        <img src="http://placehold.it/140x140" class="img-polaroid">
                                                    </div> 
                                                </div>
                                                <br>
                                            </div>
                                        </div>-->
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-inverse">Editar</button>
            </div>
        </form>
    </div>

</div>





<!-- Modal Agregar Nueva habitacion-->
<div id="modalAgregarNombres" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" id="tituloTipo"></h4>

    </div>
    <div class="modal-body">
        <form action="habitaciones/nuevaHabitacion" method="post">
            <input id="mIdCategoria" type="hidden" name="id_categoria">
            <input id="mTipo" type="hidden" name="tipo">
            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Nombre:</label>
                </div>                
                <div class="span7">
                    <input  type="text" name="nombre" required>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-inverse">Guardar</button>
            </div>
        </form>
    </div>

</div>

